/*
 *  Copyright 2020-2021 Huawei Technologies Co., Ltd.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

@font-face
{
  font-family: defaultFont;
  src: url(../fonts/Harmony-Regular.ttf);
}
@font-face
{
  font-family: defaultFontBlod;
  src: url(../fonts/Harmony-SemiBold.ttf);
}
@font-face {
  font-family: defaultFontUltraLight;
  src: url(../fonts/Harmony-UltraLight.ttf);
}

@font-face {
  font-family: defaultFontLight;
  src: url(../fonts/Harmony-Light.ttf);
}
html, body, #app{
  height: 100%;
}
html,body,p,h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0;
}
ul{
  margin-bottom: 0 !important;
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,b,
sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,canvas,details,embed,figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video {
  border: 0;
  vertical-align: baseline;
}
body,div,p,a,h1,h2,h3,h4,h5,ul,li,span {
  padding: 0;
  margin: 0;
  outline: 0 none;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}
.defaultFont button{
  font-family:defaultFont, Arial, Helvetica, sans-serif;
}
.defaultFont{
  font-family:defaultFont, Arial, Helvetica, sans-serif;
}
.defaultFontBlod{
  font-family:defaultFontBlod, Arial, Helvetica, sans-serif;
}
.fontUltraLight {
  font-family: defaultFontUltraLight,
    Arial,
    Helvetica,
    sans-serif !important;
}
.defaultFontLight {
  font-family: defaultFontLight,
    Arial,
    Helvetica,
    sans-serif !important;
}
.defaultFontLight button {
  font-family: defaultFontLight,
    Arial,
    Helvetica,
    sans-serif !important;
}
.hover_pointer:hover{
  cursor: pointer;
}
.common_background{
  background: rgba(46, 20, 124, 0.7);
}
.common_bg{
  background: url(../images/common_bg.png) bottom  no-repeat;
  background-size: 100% 180px;
}
.common_title{
  padding: 54px 0 54px !important;
  position: relative;
  color: #fff;
  letter-spacing: 4px;
  width: 73.64%;
  min-width: 1200px;
  margin:0 auto;
  font-size: 30px;
}
.el-button:active{
  color: none;
}
.el-button:focus{
  color: none;
}
.common_button.el-button{
  background: #3E279B;
  border: 1px solid rgba(51, 26, 133, 0.5);
  color: #fff;
  padding: 16px 49px;
  border-radius: 16px;
  font-size: 20px;
  box-shadow: inset 0px 0px 6px 0.4px  rgba(256, 256, 256, 0.5 );
}
.common_button.el-button:hover{
  font-weight: bold;
}
.common_dropdown .el-button {
  border: 1px solid rgba(250, 250, 250, 0.6) !important;
  background: rgba(46, 20, 124, 0.7);
  color: rgba(250, 250, 250, 0.6);
}
.el-radio__input.is-checked .el-radio__inner{
  background: url(../images/radio_select.png) 50% 50% no-repeat;
}
.el-radio__inner{
  background: url(../images/radio_unselect.png) 50% 50% no-repeat;
}
.el-radio__input.is-checked + .el-radio__label {
  color: #fff;
}
.el-tooltip__popper.is-dark{
  background: #4E3494;
  backdrop-filter: blur(4px);
  font-size: 12px;
  line-height: 18px;
  max-width: 30%;
  font-family: defaultFontUltraLight,
  Arial,
  Helvetica,
  sans-serif !important;
  margin-bottom: -10px;
}
.el-tooltip__popper .popper__arrow::after{
  border-top-color:#4E3494 !important;
}
.common_input .el-input__inner{
  border: 1px solid rgba(250, 250, 250, 0.6) !important;
  background: rgba(46, 20, 124, 0.7);
  color: rgba(250, 250, 250, 0.6);
}
.el-dropdown-menu{
  background:rgba(46, 20, 124, 0.7);
  border: none !important;
  color: #fff;
  backdrop-filter: blur(4px);
  margin-top: -10px !important;
}
.el-dropdown-menu__item{
  color: #fff !important;
  border: none;
}
.el-popper .popper__arrow{
  display: none;
  background: rgba(46, 20, 124, 0.7);
}
.el-dropdown-menu__item:hover{
 background-color: rgba(96, 86, 154, 0.5) !important;
 border: none !important;
 color: #fff !important;
}
.el-dropdown-menu__item.common_operationBtn:hover{
  color: #fff !important; 
}
.el-checkbox-button__inner{
  border: 0px;
  padding:12px 12px !important;
  border-left: 0px;
  letter-spacing: 0.2px;
  text-indent : 0px;
  background:none !important;
  color: #fff;
}
.el-checkbox-button__inner:hover{
  color: #fff !important;
}
.el-table-filter{
  background: rgba(46, 20, 124, 0.7);
  backdrop-filter:blur(4px);
  border: none;
}
.el-table-filter__checkbox-group label.el-checkbox{
  color: #fff;
  font-family: defaultFont, Arial, Helvetica, sans-serif;
}
.el-table-filter__bottom button{
  color: #fff;
}
.el-table-filter__bottom button.is-disabled{
  color: #fff;
}
.el-checkbox__input.is-checked + .el-checkbox__label{
color: #fff;
}
.el-message-box__wrapper{
  background: rgba(63, 18, 243, 0.1) ;
  backdrop-filter: blur(4px);
}
.el-message-box{
  background: rgba(76, 49, 161, 0.7) !important;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.6);
}
.el-message-box__title{
  color: #fff;
  display: none;
}
.el-message-box__headerbtn .el-message-box__close{
  display: none;
}
.el-message-box .el-icon-warning:before{
  font-size: 74px;
  position: relative;
  top: -80px;
  left:150px;
}
.el-message-box__status.el-icon-warning{
  color: #5844BE;
}
.el-message-box__message p{
  margin-top: 100px;
  width: 290px;
  text-align: center;
  margin-left: 10px;
  color: #fff;
}
.el-message-box__btns{
  margin: 10px 120px 20px 0px !important;
}
.el-message-box__btns .el-button{
  border-radius: 10px !important;
  color:#5944C0 ;
  background: #fff;
  border: none;
}
.el-message-box__btns .el-button:hover{
  color:#fff !important;
  background: #5944C0 !important;
}
.el-popover{
  border: none;
  padding: 20px;
  border-radius: 6px;
  background: rgba(46,20,124,0.7) !important;
  color: #fff;
  position: relative;
  backdrop-filter: blur(4px);
  box-shadow: 14px 18px 10px  rgba(52, 23, 138, 0.6);
}
.common_table.el-table{
  background-color: transparent !important;
}
.common_table.el-table th{
  background: #4E3494;
  padding: 0;
}
.common_table.el-table tbody td{
  border-bottom:2px solid #4E3494;
  height: 60px;
  padding: none;
}
.common_table.el-table tr {
  background-color: transparent !important;
}
.common_table.el-table th.is-leaf, .el-table td {
  border-bottom: none;
}
.common_table.el-table tr th .cell {
  color: #fff;
  height: 51px;
  line-height: 51px;
  font-size: 16px !important;
}
.common_table.el-table .cell{
  height: 60px;
  color: #fff;
  font-size: 14px !important;
  line-height: 60px;
  word-wrap : break-word ;
  word-break:keep-all;
  max-height: 60px;
  display: -webkit-box;
  overflow: hidden;
  font-weight: lighter !important;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.common_table.el-table tbody td.cell{
  font-size: 14px !important;
}
.el-table--enable-row-transition .el-table__body td {
  height: 51px;
  background-color: transparent !important;
  line-height: 51px;
  font-size: 16px;
  border-bottom:2px solid #4E3494;
}
.el-table--enable-row-transition .el-table__body tr:hover td {
  background-color: transparent !important;
}
.common_operationBtn.el-button{
  background: #4E3494;
  padding: 5px 10px;
  border: none;
  color: #fff;
  border-radius: 5px;
}
.common_operationBtn.el-button.is-disabled{
  background: #4E3494;
  padding: 5px 10px;
  border: none;
  color: #fff;
  border-radius: 5px; 
}
.common_operationBtn.el-button.is-disabled:hover{
  background: #4E3494;
  color: #fff !important;
}
.common_operationBtn:hover{
  background: #fff;
  color: #4E3494 !important;
}
.common_table .el-checkbox__input.is-checked .el-checkbox__inner{
  background: #7ED4A9 !important;
  border: none;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #7ED4A9 !important;
  border-color: none;
}
.common_table .el-checkbox__inner{
  background: #2E147C !important;
}
.el-dialog{
  border-radius: 16px;
  background: none;
}
.el-dialog__title{
  color: #fff !important;
  font-size: 16px;
}
.el-dialog.el-icon-close:before{
  display: none;
}
.el-icon-close:before{
  color: #fff !important;
}
.el-dialog__wrapper{
  background-color:rgba(63,18,243,0.1);
  backdrop-filter:blur(4px);
}
.el-dialog__header{
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  background: rgba(46, 20, 124, 0.7) !important;
  backdrop-filter: blur(4px); 
  padding-bottom: 16px !important;
}
.el-dialog__body{
  background: rgba(46, 20, 124, 0.7) !important;
  backdrop-filter: blur(4px); 
  padding: 0 !important;
}
.el-dialog__footer{
  margin-top: -20px;
  background: rgba(46, 20, 124, 0.7) !important;
  backdrop-filter: blur(4px); 
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}
.el-textarea .el-input__count{
  color: #fff;
  background: none;
}
.el-select-dropdown__list{
  width: 95%;
}
.footer-button{
  margin-bottom: 25px;
  background: #fff;
  color: #5944C0;
  border-radius: 10px;
  border: none;
}
.footer-button:hover{
  background: #5844BE;
  color: #fff;
}
.el-select-dropdown{
  background: #2E147C;
  border: none;
}
.el-select-dropdown__item.selected {
  color: #fff !important;
}
.el-select-dropdown.is-multiple .el-select-dropdown__item.selected {
  background: #60569A;
  color: #fff;
}
.el-select-dropdown__item{
  color: #fff;
}
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: #60569A !important;
  color: #fff;
}
.commonBtnDisabled.el-button.is-disabled{
  background: #fff;
  color: #0F0D87;
}
.el-select .el-input--suffix .el-input__inner {
  height: 30px;
  background: rgba(46, 20, 124, 0.7) ;
  color: rgba(250, 250, 250, 0.6) ;
  border: 1px solid rgba(250, 250, 250, 0.6) !important;
}
.pageBar .el-select .el-input--suffix .el-input__inner {
  background: rgba(46, 20, 124, 0.7) ;
  border: 1px solid #4D2DA8;
  height: 24px;
}
.el-form-item__label{
  font-size: 14px;
  color: #fff;
}
.el-form-item .el-form-item__content {
  padding: 7px 20px 0 !important;
}
.el-input--small .el-input__inner {
  border: none;
  background: #4E3494;
  color: rgba(250, 250, 250, 0.6);
}
.el-textarea__inner{
  border: none;
  background: #4E3494;
  color: rgba(250, 250, 250, 0.6);
}
.el-drawer__body{
  background: rgba(46, 20, 124, 0.9);
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next, .el-pagination.is-background .el-pager li {
  border-radius: 50%;
}
.el-pagination.is-background .btn-prev, .el-pagination.is-background .btn-next {
  background: none ;
}
.appPull{
  height: 30px!important;
  line-height: 14px !important;
  font-size: 16px !important;
  padding: 6px 14px;
  color: #fff !important;
  background: #4E3494 !important;
}
.apppull:hover{
  font-weight: bold;
}
.el-pagination__total{
  color:#fff;
  margin-left: 10px;
}
.el-pagination__jump{
  color: #fff;
  margin: 0;
}
.el-pagination__sizes{
  margin: 0;
}
.el-pagination__editor.el-input{
  width: 32px;
  margin:0 6px ;
}
.el-pagination__editor.el-input .el-input__inner {
  height: 24px;
  background: none;
  color: #fff;
  border: 1px solid #4D2DA8;
}
.btn-prev .el-icon, .el-pagination .btn-next .el-icon {
  color: #fff !important;
  font-weight: lighter;
}
.el-pagination.is-background .el-pager li{
  background:none ;
  color: #fff;
  font-size: 14px;
  min-width: 20px !important;
  height: 20px;
  line-height: 20px;
  margin-top: 4px;
}
.el-pagination.is-background .el-pager .number:not(.disabled).active{
  background-color: #fff ;
  color: #4D2DA8;
}
.pagination .el-select .el-input--suffix .el-input__inner{
  height: 24px;
  line-height: 24px;
  color: #fff !important;
  background: rgba(46, 20, 124, 0.7) ;
  border: 1px solid #4D2DA8;
}
.el-select .el-icon-arrow-up:before {
  position: relative;
  top: -4px;
  background:none !important ;
  color: #fff !important;
}
.el-pagination__sizes .el-input .el-input__inner:hover{
  border: 1px solid #fff !important;
}
::-webkit-scrollbar {
  width : 10px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  background: #2A126C !important;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2) !important;
  border-radius: 10px;
  background: #fff !important;
}
ol,ul {
  list-style: none;
}
blockquote,q {
  quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
  content: '';
}
textarea {
  resize: none;
}
div,div:before,div:after,button,button:before,button:after,input,
input:before,input:after,ul,ul:before,ul:after,li,li:before,li:after,a,a:before,a:after,
span,span:before,span:after,label,label:before,label:after,textarea,textarea:before,textarea:after,fieldset,
fieldset:before,fieldset:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
a{
  text-decoration: none;
  color: #688ef3;
}
.markdown-body a{
  color: #688ef3 !important;
}
.lt{
  float: left;
}
.rt{
  float: right;
}
.mt20{
  margin-top:20px;
}
.flex{
  display: flex
}
.h100{
  height: 100%;
}
.curp{
  cursor: pointer;
}
.padding56{
  padding: 0 13%;
  padding-bottom: 25px;
  box-sizing: border-box;
}
.el-message {
  top: calc(50%)!important;
  z-index: 9998 !important;
}

/* Normalization of navigation bar components */

/* Navigation bar normalization */

/* Normalization of search box and button components */
  /* Search box input add class search_input */
.search_input .el-input__inner{
  height: 30px;
  line-height: 30px;
  min-width: 200px;
  border: 1px solid rgba(250, 250, 250, 0.6) !important;
  background: rgba(46, 20, 124, 0.7) !important;
  color: rgba(250, 250, 250, 0.6) !important;
}
.search_input .el-input__icon{
  line-height: 30px;
}
.el-button{
  padding: 8px 24px;
}
.bread-crumb{
  padding: 0 10% !important;
}
@media screen and (max-width:1380px){
  .padding56{
    padding: 0 56px;
  }
  .bread-crumb{
    padding: 0 56px !important;
  }
}
.el-table__header-wrapper{
  border-radius: 8px;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner {
  box-shadow: 0px 0 0 0 #a4bbf8;
  color: #43F6AD;
}
.el-checkbox-button.is-checked .el-checkbox-button__inner:hover{
  color: #43F6AD !important;
}
.el-icon-arrow-down:before{
  color: #61cdd0 !important;
}
.el-icon-arrow-up:before{
  color: #61cdd0 !important;
}
.el-checkbox__input.is-checked .el-checkbox__inner{
  border-color: #7ED4A9;
  background-color:#7ED4A9;
}
.el-table .caret-wrapper{
  height: 20px;
} 
.el-table .caret-wrapper i:first-child{
 position: relative;
 top: -2px;
} 
.el-table .caret-wrapper i:nth-child(2){
  position: relative;
  top:0px;
} 
.el-checkbox__input.is-disabled .el-checkbox__inner {
  background-color:#61CDD0  !important;
  border-color:#61CDD0  !important;
}
.el-checkbox__inner:after {
  border-color: #fff !important;
}
.el-table .descending .sort-caret.descending {
  border-top-color: #61CDD0 !important;
}
.el-table .sort-caret.ascending {
  border-bottom-color: #B5E8E9 !important;
}
.el-table .sort-caret.descending {
  border-top-color: #B5E8E9 !important;
}
.el-table .ascending .sort-caret.ascending {
  border-bottom-color:  #61CDD0 !important;
}
.el-table::before {
  height: 0px !important;
}
 .el-table::before, .el-table--group::after, .el-table--border::after {
  background-color: none  !important;
}
.el-button.linearGradient2{
  background-image: linear-gradient(127deg, #4444d0, #6724cb);
  border: none;
}
.el-button.bgBtn{
  background-color: #5844be;
  border: none;
  color: #fff;
  border-radius: 10px;
}
.el-button.operations_btn{
  background: #efefef;
  padding: 5px 15px;
  border: none;
  position: relative;
}
.search_input .search_icon{
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url('../images/work_project_search_icon.png');
  position: absolute;
  top: 13px;
  right: 5px;
  cursor: pointer;
}
.default_info_promt{
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 14px;
  text-align: center;
  color: rgb(82, 78, 78);
  font-size: 12px;
  background: #fff;
  border-radius: 50%;
  margin-left: 10px;
}
.top .el-input__inner{
  border: none !important;
  border-bottom: 1px solid #dddddd !important;
  border-radius: 0!important;
  background: #2E147C 70%;
}
.el-progress-bar__inner{
  border-radius: 6px!important;
}
.top_content .el-progress__text{
  color: #ffffff!important;
}
.el-progress-bar{
  width: 80% !important;
}
.el-progress{
  width:100%;
}
.bills .el-progress__text{
  color: #78335f;
  font-size: 14px!important;
}
 .el-progress__text{
  color: #fff;
  font-size: 14px;
}
.el-progress-bar__outer{
  height: 12px!important;
  border: 1px solid #78335f;
  background-color:transparent;
  border-radius: 6px!important;
}
/* 渐变进度条 */
.el-bg-inner-count .el-progress-bar__inner{
  background-color: unset;
  background-image: linear-gradient(to right, #34aaf5 , #00f8ff);
}
.el-bg-inner-amount .el-progress-bar__inner{
  background-image: linear-gradient(to right, #fd8241 , #fde166);
}
.el-switch__label{
  color: #FFFFFF!important;
}
 